$(function () {
  // 抽取getList函数
  function getList (page, callback) {
    // 获取评论列表
    $.ajax({
      url: BigNew.comment_list,
      data: {
        // 直接使用传入的page
        page,
        perpage: 7
      },
      success (backData) {
        console.log(backData)
        // 模板引擎 循环的是 backData.data中的data
        let tem = template('commentTem', backData.data)
        console.log(tem)
        // 渲染到tbody中
        $('tbody').html(tem)
        if (callback) {
          // 如果有回调函数 就用回调函数的逻辑
          callback(backData)
        } else {
          // 没有就 创建分页插件
          let $pagination = $('.page').twbsPagination({
            totalPages: backData.data.totalPage,
            // 别给双数 不好看 一般给单数 好看一些能够到中间
            visiblePages: 9,
            first: '首页',
            last: '尾页',
            next: '下一页',
            prev: '上一页',
            // 页码改变回调函数
            // event 事件参数
            // page 当前的页面
            onPageClick: function (event, page) {
              // console.log(event)
              // console.log(page)
              // 传入具体的页面 并重新获取数据即可
              getList(page)
            }
          })
        }
      }
    })
  }

  // 默认获取一次数据
  getList(1)

  // 批准
  $('tbody').on('click', '.btn-pass', function () {
    // 获取id
    let id = $(this)
      .parent()
      .attr('data-id')
    // ajax
    $.ajax({
      url: BigNew.comment_pass,
      type: 'post',
      data: {
        id
      },
      success (backData) {
        // console.log(backData)
        // 获取当前页
        let currentPage = $('.page').twbsPagination('getCurrentPage')
        getList(currentPage)
      }
    })
  })
  // 拒绝
  $('tbody').on('click', '.btn-reject', function () {
    // 获取id
    let id = $(this)
      .parent()
      .attr('data-id')
    // ajax
    $.ajax({
      url: BigNew.comment_reject,
      type: 'post',
      data: {
        id
      },
      success (backData) {
        // console.log(backData)
        // 获取当前页
        let currentPage = $('.page').twbsPagination('getCurrentPage')
        getList(currentPage)
      }
    })
  })
  // 删除
  $('tbody').on('click', '.btn-delete', function () {
    // 获取id
    let id = $(this)
      .parent()
      .attr('data-id')
    // ajax
    $.ajax({
      url: BigNew.comment_delete,
      type: 'post',
      data: {
        id
      },
      success (backData) {
        // console.log(backData)
        let currentPage = $('.page').twbsPagination('getCurrentPage')
        // 删除成功之后,获取列表数据才知道是否需要跳页
        // 通过回调函数获取服务器返回的 最新的列表数据
        getList(currentPage, function (backData) {
          // 获取当前页
          // 删掉了最后一页
          if (backData.data.totalPage < currentPage) {
            // 跳页
            currentPage = backData.data.totalPage
          }
          // 参数1 方法名修改总页数
          // 参数2 总页数
          // 参数3 当前页
          $('.page').twbsPagination(
            'changeTotalPages',
            backData.data.totalPage,
            currentPage
          )
        })
      }
    })
  })
})
